// 创建类组件模板代码
import React from "react";
import './index.scss'
import { Tabs } from 'react-vant'
import { withRouter } from "react-router-dom";
function Orders() {
    let items = ['门店订单', '外卖订单']
    return (
        <div className="orders">
            <p>我的订单</p>
            <div className='demo-tabs'>
                <Tabs defaultActive={2} type="card"
                    color=" #f7f7f7" titleInactiveColor="#ccc" titleActiveColor="black">
                    {items.map(item => (
                        <Tabs.TabPane key={item} title={item} 
                        titleStyle={{borderTopRightRadius:"50rem",border:"none"}}></Tabs.TabPane>
                    ))}
                </Tabs>
            </div>
            <div className="kong">
                <img src='/img/yudian/circle.png' alt='' />
                <span>您的订单空空如也~</span>
            </div>
        </div>
    )
}
export default withRouter(Orders)